<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<canvas id="myCanvas"></canvas>
</body>
<script type="text/javascript">
    const canvas = document.getElementById("myCanvas");
    canvas.width = window.innerWidth
    canvas.height = window.innerHeight
    const cxt = canvas.getContext("2d");
    cxt.fillStyle = "#f8f8f8";
    cxt.fillRect(0, 0, canvas.width, canvas.height);
    // cxt.moveTo(0,0);
    // cxt.lineTo(100,100);
    // cxt.lineTo(150,50);
    // cxt.lineTo(0,50);
    // cxt.beginPath()
    cxt.arc(100, 100, 10, 0, 0.1, false)
    cxt.arc(200, 200, 10, 0, 2, false)
    cxt.stroke();
</script>
<style>
</style>
</html>
